<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>工作首页 - 教师面板</title>
  <link rel="stylesheet" href="./../../static/teacher/css/style.css">
</head>
<body>
  <header class="navbar">
		<div class="logo">TeacherPanel</div>
		<h1>教师控制面板</h1>
		<div class="user-info">
			<img src="teacher-avatar.jpg" alt="Teacher Avatar" class="avatar">
			<span>教师</span>
			<button class="logout-btn" id="logout-btn">退出</button>
		</div>
	</header>

  <aside class="sidebar">
    <ul>
      <li><a href="home.html">工作首页</a></li>
      <li><a href="course-management.html">课程管理</a></li>
      <li><a href="teaching-management.html">教学管理</a></li>
    </ul>
  </aside>

  <!-- 主内容 -->
  <main>
    <section class="dashboard">
      <h2>工作首页</h2>

      <div class="welcome-message">
        <p>欢迎，<span id="teacher-name-display">XXX老师</span>！</p> <!-- 显示欢迎信息 -->
      </div>

      <div class="quick-links">
        <button onclick="location.href='course-management.html'">新建课程</button>
        <button onclick="location.href='teaching-management.html'">查看教学班</button> <!-- 查看教学班 -->
      </div>
    </section>
  </main>


  <footer class="footer">
    <p>© 2024 TeacherPanel, All Rights Reserved</p>
    <a href="/help">帮助</a> | <a href="/contact">联系我们</a>
  </footer>

</body>
<script>
	const logoutBtn = document.getElementById('logout-btn');
// 退出按钮点击事件
logoutBtn.addEventListener('click', () => {
  
  // 跳转到指定页面
  window.location.href = '../login.html'; // 假设你要跳转到登录页面
});

</script>
</html>
